<template>
    <div class="auth select-country">
        <div class="container">
            <div class="header">
                <h1>实名认证</h1>
                <router-link tag='a' to=''><i class="el-icon-arrow-left"></i> 用户中心</router-link>
            </div>
            <div class="form">
                <h2>姓名</h2>
                <el-input placeholder="请输入与身份证一致的姓名"></el-input>
                <h2>身份证</h2>
                <el-input placeholder="请输入与证件一致的身份证号码"></el-input>
                <el-button type='primary' class='width100'>下一步</el-button>
                <div class="tips">
                    <h1>提示：</h1>
                    <p >请输入与您证件一致的姓名和身份证号，否则将无法通过审核。</p>
                </div>
                
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                form : {
                    region : null
                }
            };
        },
    }
</script>
<style lang="less" scoped>
    @import url('../../assets/css/_b.less');
    //小屏
    @media screen and (max-width : 670px) {
        .auth {
            background: #fff;
            padding: 50px 0;
            .container {
                // width: 1100px;
                margin: 0 auto;
                .header {
                    position: relative;
                    background: #f1f1f1;
                    h1 {
                        font-size: 16px;
                        font-weight: 550;
                        padding: 15px 0;
                        text-align: center;
                    }
                    a {
                        position: absolute;
                        top: 17px;
                        left: 7px;
                        font-size: 14px;
                    }
                }
                .form {
                    // width: 460px;
                    padding: 40px;
                    margin:50px auto;
                    padding-bottom: 100px;
                    .el-radio {
                        display: block;
                        margin-bottom: 15px;
                    }
                    h2 {
                        font-size: 16px;
                        margin-bottom: 15px;
                    }
                    h1 {
                        font-size: 15px;
                        margin-bottom: 15px;
                        margin-top: 15px;
                    }
                    p {
                        font-size: 13px;
                    }
                }
                .auth-msg {
                    margin-top: 50px;
                    h1 {
                        font-size: 15px;
                        font-weight: bold;
                        margin-bottom: 15px;
                    }
                    p  {
                        font-size: 14px;
                        margin-bottom: 15px;
                        color: @textColorTwo;
                    }
                }
            }
        }
    }
    //大屏
    @media screen and (min-width : 670px) {
        .auth {
            background: #fff;
            padding: 50px 0;
            .container {
                width: 1100px;
                margin: 0 auto;
                .header {
                    position: relative;
                    
                    background: #f1f1f1;
                    h1 {
                        font-size: 16px;
                        font-weight: 550;
                        padding: 15px 0;
                        text-align: center;
                    }
                    a {
                        position: absolute;
                        top: 17px;
                        left: 7px;
                        font-size: 14px;
                    }
                }
                .form {
                    width: 460px;
                    margin:50px auto;
                    padding-bottom: 100px;
                    .el-radio {
                        display: block;
                        margin-bottom: 15px;
                    }
                    h2 {
                        font-size: 16px;
                        margin-bottom: 15px;
                    }
                    h1 {
                        font-size: 15px;
                        margin-bottom: 15px;
                        margin-top: 15px;
                    }
                    p {
                        font-size: 13px;
                    }
                }
                .auth-msg {
                    margin-top: 50px;
                    h1 {
                        font-size: 15px;
                        font-weight: bold;
                        margin-bottom: 15px;
                    }
                    p  {
                        font-size: 14px;
                        margin-bottom: 15px;
                        color: @textColorTwo;
                    }
                }
            }
        }
    }
</style>